import React from "react";

import "./index.scss";

export default (): JSX.Element => {
  return (
    <>
      <div className="animate">
        {/* <div className="border">css3边框</div>
      <div className="borderRadius">css3圆角</div>
      <div className="borderBackground">css3背景</div>
      <div className="Gradients">css3渐变</div>
      <div className="text">css3文字效果</div> */}
        <div className="css2D">css3 2D</div>
        <div className="css3D">
          <div className="font">1</div>
          <div className="back">2</div>
          <div className="right">3</div>
          <div className="left">4</div>
          <div className="top">5</div>
          <div className="bottom">6</div>
        </div>
        <div className="transition"></div>
        <div className="column">
          <p>
            CSDN社区在原论坛的基础上孵化CSDN社区在原论坛的基础上孵化,为中国软件开发者打造学习和成长的家园
          </p>
          CSDN是全球知名中文IT技术交流平台,创建于1999年,包含原创博客、精品问答、职业培训、技术论坛、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区.
        </div>
        <div className="userPanel"></div>
        <div className="filter">filter</div>
        <div className="boxSizing">2boxSizing</div>
      </div>
      <div className="float">
        <div className="children"></div>
      </div>
    </>
  );
};
